<template>
	<div>
		
		<li>
		<div><a :href="'/addcourse?cid='+data.id">{{ data.name }}</a></div>

			<ul v-if="data.children && data.children.length > 0">
				
				<mycate v-for="child in data.children" :key="child.id" :data="child" />


			</ul>


		</li>


	</div>
</template>



<script>
	
	export default{

		name:'mycate',
		props:['data']


	}
</script>


<style>
	
ul{


	padding-left:20px;
	list-style:none;
	line-height:40px;

}




</style>